<table border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td>Search :</td>
    <td><input id="key" type="text" class="marginL5" style="width:200px;" onkeyup="updateList(this.value)" /></td>
  </tr>
  <tr>
    <td>Tipe :</td>
    <td><select id="key2" class="marginL5" onchange="updateList($('key').value)" type="text">
      <option value="prestasi">Prestasi</option>
      <option value="pelanggaran">Pelanggaran</option>
    </select></td>
  </tr>
</table>

<table class="marginT5 list" width="100%" border="0" cellpadding="5" cellspacing="0">
  <tr class="header">
    <th><a onclick="updateList($('key').value, 'DETACHIEV_ID')">ID Detil Prestasi/Pelanggaran</a></th>
    <th><a onclick="updateList($('key').value, 'DETACHIEV_NAMA')">Nama</a></th>
    <th><a onclick="updateList($('key').value, 'DETACHIEV_TINGKAT')">Tingkat</a></th>
    <th><a onclick="updateList($('key').value, 'ACHIEV_BIDANG')">BIDANG</a></th>
    <th>&nbsp;</th>
  </tr>
  <tbody id="deprepel-table"></tbody>
</table>
<div style="width:100%" align="right"><a class="fake" onClick="doAdd()">Add</a></div>